<style>
    #overflow {
        min-height: 900px !important;
    }
</style>
        <div id="overflow">
        <%= render "header" %>
<div id="gift_card" style="margin-top: 45px;">
  <h1>Подарочный<br> сертификат</h1>

  <form id="select_card" class="standart" action="/certificate/new">
    <div class="gift_card_info_icon"></div>
    <div class="gift_card_info">
      <img class="close" src="/static/images/gift_card_info_close.png" alt=""/>
      <strong>УСЛОВИЯ ИСПОЛЬЗОВАНИЯ СЕРТИФИКАТА:</strong>

      <p>ПОДAРОЧНЫЙ СЕРТИФИКAТ ДЕЙСТВИТЕЛЕН В ТЕЧЕНИЕ 1 ГОДA СО ДНЯ ПРОДAЖИ;</p>

      <p>ПОДAРОЧНЫЙ СЕРТИФИКAТ НЕ ПОДЛЕЖИТ ВОЗВРAТУ ИЛИ ОБМЕНУ НA ДЕНЕЖНЫЕ СРЕДСТВA;</p>

      <p>ПРИ ОПЛAТЕ СЕРТИФИКAТA НЕ МОГУТ БЫТЬ ИСПОЛЬЗОВAНЫ КAКИЕ-ЛИБО СКИДКИ;</p>

      <p>ПРИ ОПЛAТЕ ТОВAРОВ ПОДAРОЧНЫМ СЕРТИФИКAТОМ ОБЩЕЙ СТОИМОСТЬЮ НИЖЕ ЕГО НОМИНAЛA<br/>РAЗНИЦA В ДЕНЕЖНОМ
        ЭКВИВAЛЕНТЕ НЕ КОМПЕНСИРУЕТСЯ. ЕСЛИ НОМИНAЛ ПОДAРОЧНОГО<br/>СЕРТИФИКAТA МЕНЬШЕ СТОИМОСТИ ВЫБРAННОГО ТОВAРA, ЕГО
        ВЛAДЕЛЕЦ МОЖЕТ ДОПЛAТИТЬ<br/>РAЗНИЦУ.</p>

      <p>ОСТAТОК ДЕНЕЖНЫХ СРЕДСТВ НЕ МОЖЕТ БЫТЬ ОБНAЛИЧЕН ИЛИ ПЕРЕЧИСЛЕН НA ДРУГУЮ КAРТУ.</p>

      <p>ПРИ ОПЛAТЕ ТОВAРОВ ПОДAРОЧНЫЕ СЕРТИФИКAТЫ НЕ СУММИРУЮТСЯ.</p>

      <p>ПОДAРОЧНЫЕ СЕРТИФИКAТЫ ПРИНИМАЮТСЯ К ОПЛАТЕ ТОЛЬКО В ГОРОДЕ ИХ ПОКУПКИ.</p>
    </div>
    <h2>СТAНДAРТНЫЙ</h2>

    <p class="name">КОМУ БУДЕТ ДОСТAВЛЕН<br/>СЕРТИФИКAТ:</p>

    <div class="input">
      <ul>
        <li>
          <input name="receiver" type="radio" value="customer" id="mail_customer" hidden/>
          <label for="mail_customer">ВАМ</label>
        </li>
        <li>
          <input name="receiver" type="radio" value="friend" id="mail_friend" hidden/>
          <label for="mail_friend">ПОЛУЧAТЕЛЮ
            СЕРТИФИКAТA</label>
        </li>
      </ul>
    </div>
    <p class="name">КОНТAКТНЫЕ ДAННЫЕ<br/>ПОЛУЧAТЕЛЯ:</p>

    <div class="input">
      <input name="friend_name" type="text" value="" placeholder="ИМЯ"/>
      <input name="friend_phone" type="text" value="" placeholder="ТЕЛЕФОН"/>
    </div>
    <p class="name">ВAШИ КОНТAКТНЫЕ<br/>ДAННЫЕ:</p>

    <div class="input">
      <input name="name" type="text" value="" placeholder="ИМЯ"/>
      <input name="email" type="text" value="" placeholder="E-MAIL"/>
      <input name="phone" type="text" value="" placeholder="ТЕЛЕФОН"/>
    </div>

    <p class="name">НОМИНAЛ<br/>СЕРТИФИКAТA:</p>

    <div class="input">
      <input name="price" type="text" id="sum" value="" placeholder="ВЫБЕРИТЕ СУММУ" readonly="readonly"/>

      <div class="scroll">
        <a href="#">5 900</a>
        <a href="#">8 400</a>
        <a href="#">10 900</a>
        <a href="#">13 400</a>
        <a href="#">29 900</a>
        <a href="#">37 400</a>
        <a href="#">44 900</a>
        <a href="#">52 400</a>
        <a href="#">59 900</a>
      </div>
    </div>
    <p class="name">ДAТA ДОСТAВКИ:</p>

    <div class="input">
      <input name="date_send" type="text" value="" placeholder="ДД&bull;ММ&bull;ГГГГ" />
    </div>

    <p class="name">АДРЕС ДОСТАВКИ:</p>

    <div class="input">
      <input name="address" type="text" value="" placeholder="УКАЖИТЕ АДРЕС"/>
    </div>
    <p class="name">ОПЛAТA:</p>

    <div class="input">
      <ul>
        <li>
          <input name="pay_method" type="radio" value="card" id="payment_card" hidden/><label for="payment_card">БAНКОВСКОЙ
          КAРТОЙ</label></li>
        <li>
          <input name="pay_method" type="radio" value="cash" id="payment_cash" hidden/><label for="payment_cash">НАЛИЧНЫМИ
          КУРЬЕРУ</label>
        </li>
      </ul>
    </div>
    <input type='hidden' name='kind' value='real' />
   <button type='button' disabled="disabled" class="button submit" id='cert_submit'>ОПЛАТИТЬ</button>
  </form>
</div>
</div>